import Svg from "@/components/base/Svg"
import styled from "@emotion/styled"

const Container = styled.div`
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
`
const Desc = styled.div`
    font-family: Gilroy;
    font-weight: 500;
    font-size: 14rem;
    line-height: 20rem;
    text-align: center;
`

export default function FavEmpty() {
    return (
        <Container>
            <Svg src={"pages/UserCenterPage/fav_empty.svg"} />
            <Desc>There is no data yet！</Desc>
        </Container>
    )
}
